<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib uri="/WEB-INF/tlds/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/tlds/fmt.tld" prefix="fmt" %>
<%@ taglib uri="/WEB-INF/tlds/tiles-jsp.tld" prefix="tiles" %>

<%@ taglib prefix='security' uri='/WEB-INF/tlds/spring-security.tld' %>
<script type="text/javascript">
$(function() {
	$( "#accordionMenu" ).accordion({
		autoHeight: false,
		navigation: true
	});
});
</script>
<c:set var="appCtx" value="${pageContext.request.contextPath}" />
<fmt:setBundle basename="messages"/>

<ul id="userinfo">
	<li>
		<ul>
			<li id="username"><security:authentication property="principal.username" /></li>
			<li id="fullName"><security:authentication property="principal.firstName" /> <security:authentication property="principal.lastName" /></li>
		</ul>
	</li>
</ul>
<div id="accordionMenu">
	<h3><a href="#">Gastos</a></h3>
	<div>
		<ul>
			<li><a href="${appCtx}/gastos/ver">Ver Gastos</a></li>
			<li><a href="${appCtx}/gastos/cargar">Carga de Gastos</a></li>
		</ul>
	</div>
	<h3><a href="#">Reportes</a></h3>
	<div>
		<ul>
			<li><a href="#">Reporte 1</a></li>
			<li><a href="#">Reporte 2</a></li>
		</ul>
	</div>
	<h3><a href="#">Administraci&oacute;n</a></h3>
	<div>
		<ul>
			<li><a href="#">Usuarios</a></li>
			<li><a href="#">Categor&iacute;as</a></li>
		</ul>
	</div>
	<h3><a href="#"><fmt:message key="menu.logout" /></a></h3>
	<div>
		<ul>
			<li><a href="#" onclick="showLogoutConfirmationDialog()"><fmt:message key="menu.logout" /></a></li>
		</ul>
	</div>
</div>
<div id="winLogoutConfirmation" title="<fmt:message key='menu.logout' />">
	<table style="margin-left: auto; margin-right: auto;">
		<tr>
			<td class="cellTableDialog">
				<br />
				<fmt:message key='message.logoutConfirmation' />
			</td>
		</tr>
	</table>
</div>

<div id="winLogoutInProcess" title="<fmt:message key='menu.logout' />">
	<table style="margin-left: auto; margin-right: auto;">
		<tr>
			<td class="cellTableDialog">
				<br />
				
				<span id="msgWaitPasswordReset" class="waitMessage" style="display: block">
					<fmt:message key="message.pleaseWaitWhileProcessing" />.
				</span>
			</td>
		</tr>
	</table>
</div>

<script type="text/javascript">
	$(function() {
		
		/**
		 * Define la ventana de confirmación de salida del sistema.
		 */
		$('#winLogoutConfirmation').dialog({
			autoOpen: false,
			width: 600,
			modal: true,
			show: "fade",
	        hide: "fade",
	        resizable: false,
			buttons: {
				"<fmt:message key='button.ok' />": function() { 
					
					$('#winLogoutConfirmation').dialog('close');
					
					/* Redirige a la página de Logout */
					window.location.href = '${appCtx}/logout';
					
					$('#winLogoutInProcess').dialog('open');
					
					return false;
				}, 
				
				"<fmt:message key='button.cancel' />": function() { 
					$(this).dialog("close");
					
					return false;
				}
			},
		});

		/**
		 * Define la ventana de operatoria de logout.
		 */
		$('#winLogoutInProcess').dialog({
			autoOpen: false,
			width: 400,
			height: 100,
			modal: true,
			show: "fade",
	        hide: "fade",
	        resizable: false,
	        closeOnEscape: false
		});

		/**
		 * Oculta la X para cerrar la ventana de reinicio de clave en proceso.
		 */
		$('#winLogoutInProcess').closest('.ui-dialog').find('.ui-dialog-titlebar-close').hide();
	});
	
	/**
	 * Muestra la ventana de confirmación de salida del sistema.
	 */
	function showLogoutConfirmationDialog() {
		
		$('#winLogoutConfirmation').dialog('open');
	}
</script>
